#logo {	
	border-bottom: 1px solid;
	display: block;
	padding: 24px 15px;
	text-align: center;
	img {
		width: 100px;
	}
}

#name-and-slogan {
	padding: 25px 15px;
}

#site-name a {
	color: white;
	font-size: $fontsize-20;
}

.region-header {
	.block {
		padding: {
			left: 15px;
			right: 15px;
		}
	}
}

#header {
	padding: 0;
	ul.menu {
		list-style: none;
		padding-left: 0;
		a {
			color: rgba(white,.5);
		}
	}
}

// .page-admin:not(.navbar-administration),
// .one-sidebar,
// .weebpal-backend-activated {
// }

#logo {
	border-bottom-color: #2f5574;
}
#header {
	position: fixed;
	z-index: 10;
	width: 270px;
	background: $color-header-bg;
	color: rgba(white,.5);
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	max-height: 100% !important;
}
.breadcrumb {
	padding-top: 20px;
}

#page {
	margin-left: 285px;
	padding-right: 15px;
}

// user defined styles
.region-header {
	.block {
		&.block-menu {
			background: none;
			padding: 0;
			& > h2 {
				padding: 8px 15px;
			}
		}
	}
}

a {
	&.fa {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		&:before {
			font: normal normal normal 14px/1 FontAwesome;
			margin-right: 8px;
		}
	}
}

#header {
	overflow: scroll;
	#site-name {
		text-align: center;
	}
	#block-system-management {
		&>h2 {
			display: none;
		}
	}
	.content {
		& > .menu > li {
			& > a {
				margin-left: -12px;
				padding-left: 30px;
			}
			& > .menu  > li {
				//border-bottom: 1px solid #3F6A8E;
				&.expanded {
					background-color: $active-background;
				}
				& > a {
					margin-left: -15px;
					padding-left: 18px;
					&:before {
						//color: $color-menu-icon;
					}
					&.active-trail {
						background-color: rgba(0,0,0,0.1);
						// &:before {
						// 	color: $active-text;
						// }
					}
				}
				& > .menu  > li { 
					& > a {
						margin-left: -30px;
						padding-left: 42px;
					}	
					& > .menu  > li { 
						& > a {
							margin-left: -44px;
							padding-left: 56px;
						}
					}
				}
			}
		}
	}
	.menu {
		& > li {
			list-style: none;
			margin: 0;
			padding: 0;
			// padding-left: 12px;
			// status
			&.collapsed,
			&.expanded {
				& > a {
					position: relative;
					&:after {
						right: 12px;
						top: 14px;
						position: absolute;
						font: normal normal normal 14px/1 FontAwesome;
						text-rendering: auto;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						transform: translate(0, 0);
					}
				}
			}
			&.collapsed {
				// arrow left
				& > a {
					&:after {
						content: "\f105";//"\f055"
					}
					&:hover {
						//hover effect
						&:after {

						}
					}
				}
			}
			&.expanded {
				// arrow down
			   & > a {
					&:after {
						content: "\f107";//"\f056";
					}
					&.active {
						//color: $active-text;
					}

				}
			}
			& > a {
				display: block;
				padding: 12px 20px;
				//margin-left: -12px;
				//color: #eee;
				color: $color-white;
				font-size: 16px;
				&.fa {
					&:before {
						font-size: 18px;
					}
				}

				&:hover {
					background-color: rgba(0,0,0, 0.2);
				}

				&.active {
					//background-color: #eee;
					color: $color-highlight;
					border-left: 2px solid $color-highlight;
					background-color: #202122;
					&:before,
					&:after {
						color: $color-highlight;
					}

				}
			}

			& > .menu {
				//padding-left: 15px;
				& > li {
					padding-left: 15px;
				}
			}
		}
	}
}


// bug fixes for `dhtml menu` module
ul li.collapsed {
  list-style-image: url(../../misc/menu-collapsed.png);
}
ul li.expanded {
  list-style-image: url(../../misc/menu-expanded.png);
}

// styles for `dhtml menu` module
.menu {
	li {
		&.dhtml-menu-cloned-leaf {
			font-size: 0.7em;
			font-style: italic;
		}

		/* 页面载入时未展开的菜单必须隐藏 */
		&.dhtml-menu {
			&.start-collapsed {
				ul {
					display: none;
				}
			}
		}

		/**
		 * When using open-only menus, expanded links are italicized
		 * to show that they are now static.
		 */ 
		&.dhtml-menu-open > a {
			font-style: normal;
		}

		&.dhtml-folder {
			&.collapsed {
				list-style-image: url("images/folder-closed-white.png") !important;
			}
			&.expanded {
				list-style-image: url("images/folder-open-white.png") !important;
			}
		}

		/* bullet-icon 模式下的图标 */
		a.dhtml-menu-icon {
			position: relative;
			float: left;
			width: 16px;
			height: 16px;
		}
	}
}

/* breadcrumb */
#breadcrumb {
	background-color: #f6f7f8;
	// width: 100%;
    // height: 59px;
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
    margin: 0 -15px 24px -15px;

    .breadcrumb {
    	padding: 14px 16px;
    	margin-bottom: 0;
    	a {
    		color: #009DFF;
    	}
    }
}
/* user menu */
#admin-secondary-section {
	position: absolute;
	top: 0;
	right: 12px;
	$menu-height: 50px;
	line-height: $menu-height;
	height: $menu-height;

	$avatar-size: 32px;
	.user-picture {
		display: inline-block;
		margin: auto 8px;
		img {
			width: $avatar-size;
			height: $avatar-size;
			border-radius: 50%;
		}
	}
	#admin-secondary-menu {
		display: inline-block;
		li {
			display: inline;
			border-left: 1px solid #ccc;
		}
	}
}

#main-wrapper {
	//padding-top: 80px;
	#page-title {
		margin-bottom: 30px;
	}
}

// color variables for message box
$msg-color-success: #449d44;
$msg-color-error: #d43f3a;
$msg-color-warning: #ec971f;

div {
	&.messages {
		background-image: none;
		padding-left: 20px;
		font-size: 16px;
		border: 2px solid;
		&:before {
			font-family: "FontAwesome";
		}
		ul {
			list-style-position: inside;
		}
		
	}
	
	&.status {
		color: $msg-color-success;
		border-color: $msg-color-success;
		background-color: #fff;//#FAFDFF;
		&:before {
			content: "\f00c";
			color: $msg-color-success;

		}
	}
	&.warning {
		color: $msg-color-warning;
		border-color: $msg-color-warning;
		background-color: #fff;//#fffce5;
		&:before {
			content: "\f12a";
			color: $msg-color-warning;
		}
	}
	
	&.error {
		color: $msg-color-error;
		border-color: $msg-color-error;
		background-color: #fff;//#fffce5;
		&:before {
			content: "\f00d";
			color: $msg-color-error;
		}
	}

}